<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>猪肉销售系统 - 石墨网络验证</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
  
        <div class="nav-links" style="gap: 10px;">
            <a href="customer_management.html" class="nav-btn-red">客户管理</a>
            <a href="statistics.html" class="nav-btn-red">销售统计</a>
     
        </div>

        <div class="controls-section">
            <div class="customer-selector">
                <label for="customer-select">客户选择:</label>
                <select id="customer-select"></select>
            </div>
            <div class="action-buttons">
                <button id="import-customer-btn" class="btn">导入客户</button>
                <button id="import-all-prices-btn" class="btn">导入价格</button>
                <button id="save-btn" class="btn">保存销售</button>
                <button id="export-btn" class="btn">导出销售</button>
       
                
                <input type="file" id="file-upload" style="display: none;" accept=".xlsx,.xls,.csv">
            </div>
        </div>

        <div class="product-section">
            <h2>商品列表</h2>
            <div class="product-grid" id="product-grid">
                <!-- 商品卡片将通过JavaScript动态生成 -->
            </div>
        </div>

        <div class="total-section">
            <div class="total-row">
                <div class="total-label">总计金额:</div>
                <div class="total-amount"><strong>0.00</strong> 元</div>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="app.js?v=1.0.1"></script>
</body>
</html>
